<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>PdfMerger</title>
    <link rel="stylesheet" href="index.css"/>
</head>
<body>
<h3>Pdf处理工具</h3>
<div id="warn" class="hide">
    <p class="warning">不可导入除PDF以外的其他文件：</p>
    <p id="info"></p>
</div>
<div id="success" class="hide">
    <p class="successInfo">完成！</p>
</div>
<div class="box clearfix">
    <div class="subBox">
        <button id="btnAddCol" class="fixBtn">增加列</button>
        <button id="btnDeleteCol" class="fixBtn">减少列</button>
    </div>
    <div class="subBox">
        <button id="btnClear" class="fixBtn">清空表格</button>
        <button id="btnReset" class="fixBtn">重置表格</button>
    </div>
    <div class="subBox">
        <button id="btnMerge" class="fixBtn">开始</button>
    </div>
    <form>
        <h5>处理方式：</h5>
        <div class="tooltip">
            纵向合并：
            <span class="tooltiptext">将同列的各个文件合并成一个文件。</span>
        </div>
        <input type="radio" name="mergeOption" value="vertical" checked>
        <div class="tooltip">
            插入页面：
            <span class="tooltiptext">将“待插入文件”从指定页码插入到“被插入文件”中。</span>
        </div>
        <input type="radio" name="mergeOption" value="insertPages">
        <div class="tooltip">
            替换页面：
            <span class="tooltiptext">将“待插入文件”从指定页码插入到“被插入文件”中，并替换掉原有页面。</span>
        </div>
        <input type="radio" name="mergeOption" value="replacePages">
        <br>
        <div class="tooltip">
            横向合并：
            <span class="tooltiptext">将同行的各个文件合并成一个文件。</span>
        </div>
        <input type="radio" name="mergeOption" value="horizontal">
        <div class="tooltip">
            删除页面：
            <span class="tooltiptext">删除PDF文件中指定位置的页面。</span>
        </div>
        <input type="radio" name="mergeOption" value="deletePages">
    </form>
    <form>
    <h5>是否给文件名添加前缀“【已处理】”：</h5>
    <div class="tooltip">
        是：
        <span class="tooltiptext">处理后的文件将以“【已处理】+文件1.pdf”的名称保存。</span>
    </div>
    <input type="radio" name="changeFileName" value="yes" checked>
    <div class="tooltip">
        否：
        <span class="tooltiptext">处理后的文件将以源文件名保存。</span>
    </div>
    <input type="radio" name="changeFileName" value="no">
</form>
    <form>
        <h5>输出路径：</h5>
        <div class="tooltip">
            源文件夹：
            <span class="tooltiptext">处理后的文件将以“【已处理】+文件1.pdf”的名称保存至文件1的路径下。</span>
        </div>
        <input type="radio" name="exportOption" value="source" checked>
        <div class="tooltip">
            自定义文件夹：
            <span class="tooltiptext">需自行设置输出路径。</span>
        </div>
        <input type="radio" name="exportOption" value="custom">
        <p id="output" class="hide">
            已选输出路径：
            <a href="#" class="outputPath tooltip">
                <span class="outputPath"></span>
                <span class="tooltiptext">单击打开文件目录</span>
            </a>
        </p>
    </form>
</div>
<p>双击表头可排序，右键单击单元格可以清空该单元格内容。</p>
<p>请将待处理的pdf文件拖入下面的表格中：</p>
<table id="table01" class="hide1">
    <tr class="title">
        <th class="index">序号</th>
        <th class="files-th">文件名1</th>
        <th class="delete-row-th">处理</th>
    </tr>
    <tr class="files-tr">
        <td class="index">1</td>
        <td class="files-td" path=""></td>
        <td class="delete-row-td">
            <button class="delete-row-btn">删除行</button>
        </td>
    </tr>
</table>
<table id="table02" class="hide">
    <tr class="title">
        <th class="index">序号</th>
        <th class="files-th inserter">待插入文件</th>
        <th class="files-th insertee">被插入文件</th>
        <th class="pageNum tooltip">
            起始页码
            <span class="tooltiptext">在“被插入文件”的该页码处插入“待插入文件”，如果是插入到最前面，则填“1”。</span>
        </th>
        <th class="delete-row-th">处理</th>
    </tr>
    <tr class="files-tr">
        <td class="index">1</td>
        <td class="files-td inserter" path=""></td>
        <td class="files-td insertee" path=""></td>
        <td class="pageNum">
            <input type="text" class="pageNum" value="1">
            <span class="alert hide">不合法</span>
        </td>
        <td class="delete-row-td">
            <button class="delete-row-btn">删除行</button>
        </td>
    </tr>
</table>
<table id="table03" class="hide">
    <tr class="title">
        <th class="index">序号</th>
        <th class="files-th">待处理文件</th>
        <th class="pageNum tooltip">
            待删除页码
            <span class="tooltiptext wide">待删除页码的范围。例： <br>
                如果要删除第2页，则填“2”；<br>
                如果要删除第1-7页，则填“1-7”；<br>
                如果要删除第8页及其后各页，则填“8-”；<br>
                如果要删除第1、3、5页，则填“1,3,5"（注意是英文逗号）；<br>
                如果要删除第1、3、5-10页，则填“1,3,5-10"（注意是英文逗号）；<br>
                <br>
                注意：<br>
                1.如果处理后的文件大小不变，是因为依赖的库pdf-lib存在一定问题（它会将源文件中的字体、格式等信息一并保留到处理后的文件中），但页面数量确实减少了，不影响打印。<br>
                2.右键单击可将单元格的页码应用到所有行。
            </span>
        </th>
        <th class="delete-row-th">处理</th>
    </tr>
    <tr class="files-tr">
        <td class="index">1</td>
        <td class="files-td" path=""></td>
        <td class="pageNum">
            <input type="text" class="pageNums" value="1">
            <span class="alert hide">不合法</span>
        </td>
        <td class="delete-row-td">
            <button class="delete-row-btn">删除行</button>
        </td>
    </tr>
</table>
<div id="signature">by Peter Yu</div>
<a target="_blank" href="https://gitee.com/d11yushi/pdf-merger" id="gitee">查看源码</a>
<a target="_blank" href="https://gitee.com/d11yushi/pdf-merger/tree/master/src/%E6%9D%82%E9%A1%B9"
   id="uninstall">卸载方法</a>
<script type="text/javascript" src="./jQuery/jquery-1.7.2.js"></script>
<script type="module" src="./js/renderer.js"></script>
<script type="module" src="./js/utils/jqueryUtils.js"></script>
<script type="module" src="./js/utils/pdfProcessor.js"></script>
</body>
</html>
